.content {
	background-color: #f5f5f5;
	.Box_header {
		width: 100%;
		background-color: #fff;
		margin-bottom: 20rpx;
		.headers {
			width: 87vw;
			margin: 0 auto;
			.title {
				margin-left: 10rpx;
				font-size: 36rpx;
			}
			.lecturer {
				display: flex;

				.user {
					margin-left: 30rpx;
				}
				.lecturer_name {
					display: flex;
					align-items: center;
					margin-top: 40rpx;
					.data {
						font-size: 36rpx;
						color: #565759;
					}
					.imguser {
						width: 70rpx;
						height: 70rpx;
						border-radius: 50%;
						margin-right: 10rpx;
						background-color: #007aff;
					}
				}
			}
			.classroom {
				height: 70rpx;
				margin-left: 10rpx;
				line-height: 70rpx;
				font-size: 26rpx;
				margin-top: 30rpx;
				color: #565759;
			}
			.time {
				font-size: 26rpx;
				height: 70rpx;
				line-height: 70rpx;
				margin-left: 10rpx;
				padding-bottom: 50rpx;
				color: #565759;
			}
		}
	}
	.Box_Body {
		width: 100%;
		background-color: #fff;
		.Box_Body_content {
			width: 100vw;
			margin: 0 auto;
			// background-color: #007aff;
			.Box_Body_header {
				width: 87vw;
				height: 110rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin: 0 auto;
				.Box_nav {
					width: 60rpx;
					font-size: 30rpx;
					display: flex;
					flex-wrap: wrap;
					justify-content: center;
					.Box_nav_usx {
						width: 50rpx;
						border: 4rpx solid #000;
						background-color: #000000;
						border-radius: 6rpx;
					}
				}
				.Box_total {
					font-size: 18rpx;
				}
			}
			.Box_body_content {
				.cloiks {
					width: 100%;
					height: 106rpx;
					display: flex;
					margin-top:35rpx;
					.info {
						margin-left: 6vw;
						.img {
							width: 73rpx;
							height: 73rpx;
							border-radius: 15rpx;
							background-color: #007aff;
							margin-right: 35rpx;
						}
					}
					.Box_content {
						width: 100%;
						height: 102rpx;
						border-bottom: 1rpx solid #c8c7cc;
					}
				}
			}
		}
	}
}
